// 入口函数
$(function () {
    getUserInfo()

    // 退出
    let layer = layui.layer
    $("#btnLogout").on("click", function () {
        layer.confirm('是否确认退出?', { icon: 3, title: '提示' }, function (index) {
            //do something

            layer.close(index);
            // 清空本地token
            localStorage.removeItem('token');
            // 页面跳转
            location.href = '/login.html'
            // 关闭
            layer.close(index);

        });
    })

})
// 获取用户信息.并渲染头像函数的封装要写到入口函数的外面
// 原因：后面其他的页面要用到这个方法，因为跨域了页面所以必须保证这个方法是全局函数
function getUserInfo() {
    // 发送ajax
    $.ajax({
        url: '/my/userinfo',
        // headers: {
        //     // 重新登录因为token过期事件12小时
        //     Authorization: localStorage.getItem
        //         ("token") || ""
        // },
        success: function (res) {
            if (res.status != 0) {
                return layui.layer.msg(res.message)
            }
            renderAvatar(res.data)
        }
    })
}

function renderAvatar(user) {
    // 渲染名称（nickname优先，如果没有就用username）
    let name = user.nickname || user.username;
    $("#welcome").html("欢迎&nbsp;&nbsp;" + name);
    // 渲染头像
    if (user.user_pic !== null) {
        // 有头像
        $(".layui-nav-img").show().attr("src", user.user_pic);
        $(".text-avatar").hide();
    } else {
        $(".layui-nav-img").hide();
        let text = name[0].toUpperCase();
        $(".text-avatar").show().html(text);
    }

}
